<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
<#include "common/publicMETA.ftl"/>
    <title>AdminLTE 2 | Main</title>
<#include "common/publicCSS.ftl"/>
<#include "common/publicHeadJS.ftl"/>
    <link rel="stylesheet" href="${ctx}/plugins/layer/skin/default/layer.css">
</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <#include "common/mainHeader.ftl">
    <#include "common/mainSidebar.ftl"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <#--<section class="content-header">-->
            <#--<h1>-->
                <#--首页-->
                <#--<small>记账盘</small>-->
            <#--</h1>-->
            <#--<ol class="breadcrumb">-->
                <#--<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>-->
                <#--<li class="active">Here</li>-->
            <#--</ol>-->
        <#--</section>-->

        <!-- Main content -->
        <section class="content">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">今日历史数据</h3>
                </div>
                <div class="box-body table-responsive">
                    <table id="datatable" style="border: 1px solid #000" data-url="/user/queryByUserPage.do" ishascheck="true">
                    </table>
                </div>
            </div>
            <!-- Your Page Content Here -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <#include "common/mainFooter.ftl"/>
    <#--<#include "common/controlSidebar.ftl"/>-->
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<#include "common/publicFootJS.ftl"/>

<script src="${ctx}/plugins/laypage/laypage.js"></script>
<script type="text/javascript" src="${ctx}/plugins/myplugin/tablepage.js"></script>
<script>
    /*需要分页*/
    $("#datatable").tablepage();
    /*不需要分页*/
    //    $("#datatable").table();
    function getSelectData() {
        alert(JSON.stringify($("#datatable").getTableSelects()));
    }
</script>

<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
</html>
